@{
    ViewBag.Title = "AddProblemTag";
}

@{
    Layout = "~/Shared/_layoutPageViewProblem.cshtml";
    var PageTitle = "Add Problem Tag";
}

@section title
{
    @PageTitle
}


<script src="/Scripts/jquery-1.8.2.js" type="text/javascript"></script>
<script src="/Scripts/jquery-ui.js" type="text/javascript"></script>
<link rel="stylesheet" href="/Styles/jquery-ui.css" />
<link rel="stylesheet" type="text/css" href="~/Styles/template.css" media="screen">
<link href="../../Styles/jquery.ambiance.css" rel="stylesheet" type="text/css" />
<script src="../../Scripts/jquery.ambiance.js" type="text/javascript"></script>


<script type="text/javascript">

    function Add() {
        $.ambiance({
            message: "Your Tag is added successfully!",
            title: "Success!",
            type: "success"
        });
    }

    function Cancel() {
        $.ambiance({
            message: "Cancel Tag!",
            type: "error",
            fade: false
        });
    }
</script>

@using (Html.BeginForm("AddProblemTag", "DiscussionPanel", FormMethod.Post, new { @class = "background" }))
{ 
    <div id="content"><h2 style="text-align: center;"><b>Add Problem Tag</b></h2><br/></div>
    <table style="margin-left: 140px;" >
        <tbody >
            <tr>
                <td >
                    <b style="padding: 69px;">Problem Tag Name:</b>
                </td>
                <td >
                    <input type="text" id="tag"  style="margin-left: -12px;"/>
                </td>
            </tr>
        </tbody>
    </table>
  <div>                 
         <br/><input type="button" value="Add"  class ="buttonSave" style="margin-left: 426px;" onclick="Add()" />
         <input type="button" value="Cancel" class ="buttonCancel" onclick="Cancel()" />
  </div><br/><br/><br/>    
}